<template>
  <el-dialog
    v-model="orderReceiptSubDetailsVisible"
    width="70%"
    title="BOM详情"
    :close-on-click-modal="false"
  >
    <div style="height: 680px">
      <slot name="submitDialogSlot"></slot>
    </div>
    <template #footer>
      <div class="dialog-footer">
        <!--        <div style="float: left">-->
        <!--          <el-button type="primary" @click="previousRecord" v-show="true"-->
        <!--            >上一条-->
        <!--          </el-button>-->
        <!--          <el-button type="primary" @click="nextRecord" v-show="true"-->
        <!--            >下一条-->
        <!--          </el-button>-->
        <!--        </div>-->
        <el-button @click="changeOrderReceiptSubDetailsDialogVisibleValue()"
          >取消
        </el-button>
        <el-button
          type="primary"
          @click="
            submitOrderMaterial()
            // refreshPoseSubDetailsEditJson();
          "
          >确认修改</el-button
        >
        <el-button
          type="primary"
          @click="
            submitOrderMaterial();
            changeOrderReceiptSubDetailsDialogVisibleValue();
          "
          >修改并关闭
        </el-button>
      </div>
    </template>
  </el-dialog>
</template>

<script lang="ts" setup>
import { inject } from "vue";

const orderReceiptSubDetailsVisible = inject("orderReceiptSubDetailsVisible");
const refreshPoseSubDetailsEditJson = inject("refreshPoseSubDetailsEditJson");

const changeOrderReceiptSubDetailsDialogVisibleValue = inject(
  "changeOrderReceiptSubDetailsDialogVisibleValue"
);
const submitOrderMaterial = inject("submitOrderMaterial") as () => void;
</script>

<style scoped></style>
